.el-switch {
    display: inline-flex;
    align-items: center;
    position: relative;
    font-size: 14px;
    line-height: 20px;
    height: 20px;
    vertical-align: top;
    .el-switch__input {
	    position: absolute;
	    width: 0;
	    height: 0;
	    opacity: 0;
	    margin: 0;
	}
	&.is-checked .el-switch__core:after {
	    left: 100%;
	    margin-left: -17px;
	}
	
	.el-switch__core {
	    margin: 0;
	    display: inline-block;
	    position: relative;
	    width: 40px;
	    height: 20px;
	    border: 1px solid #dcdfe6;
	    outline: none;
	    border-radius: 10px;
	    box-sizing: border-box;
	    background: #dcdfe6;
	    cursor: pointer;
	    transition: border-color .3s,background-color .3s;
	    vertical-align: middle;    

		&:after {
		    content: "";
		    position: absolute;
		    top: 1px;
		    left: 1px;
		    border-radius: 100%;
		    transition: all .3s;
		    width: 16px;
		    height: 16px;
		    background-color: #fff;
		}
	}
}